<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name=viewport content="width=1220">
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>海豚Baas Block Explorer</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/jquery.min.js"></script>
   
    <style>
        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            padding: 12px 16px;
            z-index: 1;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }
        .sj-left {
            width: 96%;
            height: 95%;
            margin: 0 auto;
            margin-top: 10px;
            position: relative;
            /* box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .05);
            -webkit-box-shadow: #d4d2d2 0px 0px 10px;
            -moz-box-shadow: #d4d2d2 0px 0px 10px;
            border: 1px solid rgba(0, 0, 0, .05); */
        }
        .sj-left canvas{
          width: 100%;
          height: 100%;
        }


        #con{width:100%;}
        /* #con .bottomcover{position:absolute;bottom:0;background:url("./images/halftransp.png") no-repeat 0 -5px;height:35px;width:394px;_background:none;pointer-events:none;} */
        #con ul{position:relative;margin:10px 10px 0px 10px;top:0;left:0;padding:0;}
        #con ul li{width:100%;padding:10px 0;overflow:hidden;line-height:1.5;}
        #con ul li .div_left{float:left;width:50px;border:1px solid;}
        #con ul li .div_right{float:right;width:305px}
        #con ul li .div_right a{color:#6EAFD5;padding:0px;}
        #con ul li .div_right .twit_item_time{color:#999;padding:0px;}
        .main-boxb{
            width: 100%;
            display: flex;
            height: 548px;
        }
        .title{
            display: block;
            /* vertical-align: middle; */
            font-size: 20px;
            color: #000;
            width: 200px !important;
            height: 50px !important;
            position: absolute;
            left: 0;
            top: -20px;

        }
        .main-boxb{
            margin-bottom: 20px;
        }
        .mainbcon{
            border: 0;
        }
    </style>


</head>

<body>


    <header>
        <div class="header">
            <div class="header-left">
                <span data-i18n="header_title">海豚Baas区块浏览器</span>
            </div>
            <div class="header-right">
                <div class="nav">
                    <a data-i18n="header_menu1" href="./index.html" class="nowin">首页</a>
                </div>
            </div>
            <div class="header-middle">
				<p><img src="images/logo.png" /></p>
                <div class="header-search">
                    <form action="./block.html" style="display: contents;">
                        <input type="text" data-i18n="[placeholder]header_place" autocomplete="off" placeholder="区块高度" name="hash" class="search-input" />
                        <button class="search-btn" type="submit"></button>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <section class="container">
        <div class="container-box">
            <!-- <div class="main-boxa">
                <div class="main-box-cont">
                    <div class="gailan">
                        <div class="item">
                            <h3 data-i18n="index_block_height">区块高度</h3>
                            <p id="blockindex">--</p>
                        </div>
                        <div class="item">
                            <h3 data-i18n="index_block_time">区块平均生成时间</h3>
                            <p id="avgtime">--</p>
                        </div>
                        <div class="item">
                            <h3 data-i18n="index_block_tx_total">总交易数</h3>
                            <p id="totalTradeCount">--</p>
                        </div>
                        <div class="item">
                            <h3 data-i18n="index_block_num">实时节点数</h3>
                            <p id="nodecount">--</p>
                        </div>
                    </div>
                </div>
            </div> -->
			<div class="maincont">
				<div class="main-boxb">
					<div class="main-box-header" style="position: relative;margin-top: 20px;">
						<div class="title" data-i18n="index_title_1" >最新出块</div>
                    </div>
                   
					<div class="main-box-conta" id="con" style="margin-top: 60px;">
                            <ul>

                            </ul>
					</div>
				    </div>
                    <!-- <div class="main-boxb">
                        <div class="main-box-header" style="position: relative;">
                            <div class="title" data-i18n="index_title_1" style=" top: 5px;">每月交易笔数</div>
                        </div>
                        <div class="main-box-conta">
                            <div class="sj-left" style="height: 450px;">
                                <div class="chart1" style="height: 450px;width: 100%;"></div>
                            </div>
                        </div>
                        <style>
                        </style>
                    </div> -->
			</div>
    </section>
<footer>
    <div class="footer">
       <p class="text">
        Copyright © 2020 HiteBaas Block Explorer
    </p>
    <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery"><p class="text" style="
    color: #fff;
">闽ICP备17023943号-3</p></a>
<a id="_xinchacharenzheng_cert_vip_ssl" style="text-decoration:none;" target="_blank" href="https://xyt.xinchacha.com/getpcInfo?sn=1552201432394887168&certType=8&url=*.hitebaas.com">
<img src="https://xyt.xinchacha.com/img/icon/icon8.png" style="height:50px;width:164px;">
</a>
    </div>
</footer>
</body>
<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.pause.min.js"></script>
<script src="./js/config.js"></script>
<script src="./js/data.js"></script>
</html>
